<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>登录</title>
  <style>
  body {
    background: #eee !important;
}
  .wrapper {
    margin-top: 80px;
    margin-bottom: 80px;
}
  .form-signin {
    max-width: 380px;
    padding: 15px 35px 45px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
  .form-signin .form-signin-heading,
  .form-signin .checkbox {
    margin-bottom: 30px;
  }
  .form-signin .checkbox {
    font-weight: normal;
  }
  .form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-signin .form-control:focus {
    z-index: 2;
  }
  .form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .form-signin input[type="password"] {
    margin-bottom: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
</style>
</head>
<body>
<div style="color: darkturquoise" name="message";>
        {% if message %}
          {{ message }}
        {% endif%}
      </div>
<div class="wrapper">
    <form class="form-signin" method="post">
      <h2 class="form-signin-heading">登录页面</h2>

              <!--登录表单 -->
      <form action="../login/" method="post">
        {% csrf_token %}
        <p>
          <label for="id_username">用户名：</label>
          <input type="text" class="form-control" name="username" placeholder="请输入用户名" required="" autofocus="" />
        </p>

        <p>
          <label for="id_password">密   码：</label>
          <input type="password" class="form-control" name="password" placeholder="请输入密码" required=""/>
        </p>

        <p>
          <label for="id_email">邮   箱：</label>
          <input type="email" class="form-control" name="email" placeholder="请输入邮箱" required=""/>
        </p>

        <button class="btn btn-lg btn-primary btn-block" type="submit">提交</button>
        <input type="hidden" name="next" value="../course/" />
      </form>
    </form>
</div>
</body>
</html>
